<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>css-notes</title>
  <style type="text/css">
    ul.none { list-style-type: none }

    ul.disc { list-style-type: disc }

    ul.circle { list-style-type: circle }

    ul.square { list-style-type: square }

    ul.decimal { list-style-type: decimal }

    ul.decimal-leading-zero { list-style-type: decimal-leading-zero }

    ul.lower-roman { list-style-type: lower-roman }

    ul.upper-roman { list-style-type: upper-roman }

    ul.lower-alpha { list-style-type: lower-alpha }

    ul.upper-alpha { list-style-type: upper-alpha }

    ul.lower-greek { list-style-type: lower-greek }

    ul.lower-latin { list-style-type: lower-latin }

    ul.upper-latin { list-style-type: upper-latin }

    ul.hebrew { list-style-type: hebrew }

    ul.armenian { list-style-type: armenian }

    ul.georgian { list-style-type: georgian }

    ul.cjk-ideographic { list-style-type: cjk-ideographic }

    ul.hiragana { list-style-type: hiragana }

    ul.katakana { list-style-type: katakana }

    ul.hiragana-iroha { list-style-type: hiragana-iroha }

    ul.katakana-iroha { list-style-type: katakana-iroha }
  </style>
</head>
<body>
<ul class="none">
  <li>"none" 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="disc">
  <li>Disc 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="circle">
  <li>Circle 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="square">
  <li>Square 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="decimal">
  <li>Decimal 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="decimal-leading-zero">
  <li>Decimal-leading-zero 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="lower-roman">
  <li>Lower-roman 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="upper-roman">
  <li>Upper-roman 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="lower-alpha">
  <li>Lower-alpha 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="upper-alpha">
  <li>Upper-alpha 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="lower-greek">
  <li>Lower-greek 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="lower-latin">
  <li>Lower-latin 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="upper-latin">
  <li>Upper-latin 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="hebrew">
  <li>Hebrew 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="armenian">
  <li>Armenian 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="georgian">
  <li>Georgian 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="cjk-ideographic">
  <li>Cjk-ideographic 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="hiragana">
  <li>Hiragana 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="katakana">
  <li>Katakana 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="hiragana-iroha">
  <li>Hiragana-iroha 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

<ul class="katakana-iroha">
  <li>Katakana-iroha 类型</li>
  <li>茶</li>
  <li>可口可乐</li>
</ul>

</body>
</html>
